/* CSS Document */
*{
	margin:0;
	padding:0;
}

#contayner{
	margin:0 auto;
	background-color: #0F0;
	width:800px;
	

}
#left{
	background-color:#00F;
	width:100px;
	height:700px;
	float:left;
}
#content{	
	margin:0 auto;	
	margin-top:10px;
	padding-top:20px;
	background-color:#999;
	width:580px;
	min-height:200px;/* працює всюди крім ІЕ 6*/
	/* важливо...для випадку коли блок пустивй IE6 не працює   ....height:200px; - працює тільки в ІЕ 6...розтягується блок якщо більше 200
	min-height i max-height працює у всіх інших браузерах */
}
*html #content{	
	height:200px;
}/*розуміє тільки ІЕ6*/
#blok1{
	margin:0 auto;
	background-color: #909;
	width: 500px;
	height:200px;
	position:relative;
	z-index:3;
	 
}
#blok2{
	margin-top:-20px;

	background-color: #00F;
	width:370px;
	height:300px;
	float: left;
	position:relative;
	z-index:2;
}
#blok3{
	margin-left:350px;
	margin-top:-30px;
	background-color:#6F9;
	width:200px;
	height:400px;
	/*position:absolute;*/
	position:relative;
	z-index:1;
}

#right{
	background-color:#F00;
	width:100px;
	height:400px;
	float:right;
}
#top{
	background-color:#930;
	width:800px;
	height:100px;
}
#bot{
	background-color:#000;
	width:700px;
	height:50px;
}

#otstup{
	height:10px;
	clear:both;
}